<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>spin</title>
	<link href="//cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
	<style>
		@-webkit-keyframes kf-spin {
		  0% {
		    -webkit-transform: rotate(0deg);
		    transform: rotate(0deg);
		  }
		  100% {
		    -webkit-transform: rotate(359deg);
		    transform: rotate(359deg);
		  }
		}
		@keyframes kf-spin {
		  0% {
		    -webkit-transform: rotate(0deg);
		    transform: rotate(0deg);
		  }
		  100% {
		    -webkit-transform: rotate(359deg);
		    transform: rotate(359deg);
		  }
		}

		.kf-spin {
		  -webkit-animation: kf-spin 2s infinite linear;
		  animation: kf-spin 2s infinite linear;
		}
	</style>
</head>
<body>
	<img src="../img/time.jpg" alt="" class="kf-spin">

	
</body>
</html>